#courseDetail {
    background: #FAFAFA;
    #scroolId{
       
        width: 100%;
        height: 100%;
        overflow: auto;
    }
    .header {
         background: white;
        border-bottom: .2rem solid #FAFAFA;
        .header_img {
            width: 100%;
            height: 4.22rem;
        }
        .header_bottm {
            padding: .32rem;
            .header_title {
                margin: 0 0 .18rem 0;
            }
            .header_study {
                font-size: .26rem;
                line-height: .36rem;
                color: #999999;
                display: flex;
                align-items: center;
                span {
                    margin: 0 .12rem;
                    width: 1px;
                    height: .26rem;
                    background: #999999;
                }
            }
        }
    }
    .content {
         background: white;
        .nav {
            padding: .4rem .32rem;
            border-bottom: 1px solid #F0F0F0;
            display: flex;
            justify-content: space-between;
            justify-content: space-around;
            align-items: auto;
            font-size: .3rem;
            color: #999999;
            .nav_list {
                position: relative;
                z-index: 9;
            }
            .nav_active {
                color: #35BF7E;
                font-weight: 700;
                span {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: -.2rem;
                    width: .64rem;
                    height: .06rem;
                    background: #35BF7E;
                    border-radius: 1rem;
                    margin: auto;
                }
            }
        }
        .nav_fixed{
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 13;
            background: white;
        }
        .nav_kong{
            width: 100%;
            height: 1.22rem;
        }
        .content_list{
            margin-bottom: 1rem;
            .nav_list_1{
                padding: .32rem;
            }
            .nav_list_2{
                
                margin-bottom: 1rem;
                .list_2_item{
                    padding: .47rem 0;
                    margin: 0 .32rem;
                    border-bottom: 1px solid #F0F0F0;
                    display: flex;
                    .list_2_item_left{
                        font-size: .34rem;
                        line-height: .55rem;
//                      line-height: .48rem;
                        color: #999999;
                        margin-right: .18rem;
                    }
                    .list_2_item_right{
                        flex: 1;
                        overflow: hidden;
                        .list_2_item_right_play{
                            font-size: .26rem;
                            color: #999999;
                            line-height: .36rem;
                            margin-top: .16rem;
                        }
                    }
                    &:last-child{
                        border-bottom: none;
                    }
                }
            }
            .nav_list_3{
                
            }
        }
    }
    .no_list{
        text-align: center;
        color: #999999;
        padding-top: 1rem;
        background: #FAFAFA;
    }
}